
<template>
    <div class="error404">
        <img src="https://javastuder-file-1258983147.cos.ap-shanghai.myqcloud.com/static/resource/image/404.png">

        <div>   <h3 style="cursor: pointer" @click="mainPage">返回首页</h3></div>
    </div>

</template>

<script>

    export default {
        methods:{
            mainPage(){
                this.$router.push('/');
            }
        }
    }

</script>

<style scoped lang="scss">

    .error404{
        display: flex;
        justify-content: center;
        justify-items: center;
        height: 100vh;
        align-items: center;
        img{
            height: 300px;
            width: 500px;
        }
    }
</style>